<!DOCTYPE html>
<html lang="en">
<head>
    <meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta charset="UTF-8">
    <title>缺素症断</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/mobileSelect.css">
</head>
<body>
<div class="Disorder-content">
    <div class="nav-trigger">
        <div id="trigger">
            <div class="crops">农田作物
                <span class="icon-img"></span>
            </div>
            <div class="crops">小麦
                <span class="icon-img"></span>
            </div>
            <div class="crops">缺钼
                <span class="icon-img"></span>
            </div>
        </div>
    </div>
    <!-- content -->
    <div class="Disorder-text">
        <p class="Disorder-text-title">小麦缺氮</p>    
        <div class="Disorder-img">
            <img src="../img/001.png" alt="">
        </div>
        <div class="data-text">
            <div>
                <p class="Disorder-title">症状：</p>
                <p class="Disorder-content-text">
                缺氮时植株矮化，叶呈黄绿色。缺氮严重时，全株呈黄白色，茎细而且干脆。缺氮植株的果实表面刺瘤增多，呈亮黄色或灰绿色，果蒂呈浅黄色。
                </p>
            </div>
            <div>
                <p class="Disorder-title">发生原因：</p>
                <p class="Disorder-content-text">
                缺氮时植株矮化，叶呈黄绿色。缺氮严重时，全株呈黄白色，茎细而且干脆。缺氮植株的果实表面刺瘤增多，呈亮黄色或灰绿色，果蒂呈浅黄色。
                </p>
            </div>
            <div>
                <p class="Disorder-title">预防与补救措施：</p>
                <p class="Disorder-content-text">
                缺氮时植株矮化，叶呈黄绿色。缺氮严重时，全株呈黄白色，茎细而且干脆。缺氮植株的果实表面刺瘤增多，呈亮黄色或灰绿色，果蒂呈浅黄色。
                </p>
            </div>
        </div>
    </div>
</div>
<script src="../js/method/jquery.2.1.1min.js"></script>
<script src="../js/method/fastclick.js"></script>
<script src="../js/method/axios.min.js"></script>
<script src="../js/function.js"></script>
<script src="../js/public.js"></script>
<script src="../js/method/mobileSelect.min.js"></script>
<script>
    $(function () {
        postAxios("",{},responses);
        var UplinkData;
        function responses(data) {
            UplinkData=data
        }
        var UplinkData =
            [
                {
                    id:'1',
                    value:'大田作物',
                    childs:[
                        {
                            id:'1',
                            value:'小麦',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺铜'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺钼'
                                }
                            ]
                        },
                        {
                            id:'2',
                            value:'玉米',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                            ]
                        },
                        {
                            id:'3',
                            value:'大豆',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺钙'
                                },
                                {
                                    id:'2',
                                    value:'缺镁'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺硼'
                                }
                            ]
                        },
                        {
                            id:'4',
                            value:'棉花',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺钙'
                                },
                                {
                                    id:'2',
                                    value:'缺镁'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺硼'
                                }
                            ]
                        },
                        {
                            id:'5',
                            value:'花生',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺钙'
                                },
                                {
                                    id:'2',
                                    value:'缺镁'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺钼'
                                }
                            ]
                        },
                        {
                            id:'6',
                            value:'油菜',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺钙'
                                },
                                {
                                    id:'2',
                                    value:'缺镁'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },,
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺硼'
                                }
                            ]
                        },
                        {
                            id:'7',
                            value:'烟草',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺钙'
                                },
                                {
                                    id:'2',
                                    value:'缺镁'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺钼'
                                },
                                {
                                    id:'2',
                                    value:'缺硼'
                                },
                                {
                                    id:'2',
                                    value:'缺氯'
                                }
                            ]
                        },
                    ]
                },
                {
                    id:'2',
                    value:'果类作物',
                    childs:[
                        {
                            id:'1',
                            value:'葡萄',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺钙'
                                },
                                {
                                    id:'2',
                                    value:'缺镁'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺硼'
                                }
                            ]
                        },
                        {
                            id:'2',
                            value:'苹果',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺钙'
                                },
                                {
                                    id:'2',
                                    value:'缺镁'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺钼'
                                }
                            ]
                        },
                        {
                            id:'3',
                            value:'桃',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺钙'
                                },
                                {
                                    id:'2',
                                    value:'缺镁'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                }
                            ]
                        },
                        {
                            id:'4',
                            value:'梨',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺钙'
                                },
                                {
                                    id:'2',
                                    value:'缺镁'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                            ]
                        },
                        {
                            id:'5',
                            value:'草莓',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺钙'
                                },
                                {
                                    id:'2',
                                    value:'缺镁'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                }
                            ]
                        }
                    ]
                },
                {
                    id:'3',
                    value:'蔬菜作物',
                    childs:[
                        {
                            id:'2',
                            value:'黄瓜',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺铜'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺钼'
                                }
                            ]
                        },
                        {
                            id:'2',
                            value:'番茄',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺铜'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺钼'
                                }
                            ]
                        },
                        {
                            id:'2',
                            value:'白菜',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺铜'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺钼'
                                }
                            ]
                        },
                        {
                            id:'2',
                            value:'辣椒',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺铜'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺钼'
                                }
                            ]
                        },
                        {
                            id:'2',
                            value:'茄子',
                            childs:[
                                {
                                    id:'1',
                                    value:'缺氮'
                                },
                                {
                                    id:'2',
                                    value:'缺磷'
                                },
                                {
                                    id:'2',
                                    value:'缺钾'
                                },
                                {
                                    id:'2',
                                    value:'缺硫'
                                },
                                {
                                    id:'2',
                                    value:'缺铁'
                                },
                                {
                                    id:'2',
                                    value:'缺锰'
                                },
                                {
                                    id:'2',
                                    value:'缺铜'
                                },
                                {
                                    id:'2',
                                    value:'缺锌'
                                },
                                {
                                    id:'2',
                                    value:'缺钼'
                                }
                            ]
                        }
                    ]
                }
            ];
        var mobileSelect= new MobileSelect({
            trigger: '#trigger',
            triggerDisplayData:false,
            bgColor:'#ffffff',
            wheels: [
                {data : UplinkData}
            ],
            position: [0],
            transitionEnd:function(indexArr, data){
            },
            callback:function(indexArr, data){
                var col="";
                loading();
                for (let index = 0; index < data.length; index++) {
                    col+="<div class='crops'>"+data[index].value+"<span class='icon-img'></span></div>"
                }
                postAxios("",{data1:data[0].id,data2:data[1].id,data3:data[2].id},detailsFun);
                function detailsFun(data){
                    $.each(data,function (index,obj) {
                        var html="";
                        html+=`<p class="Disorder-text-title">小麦缺氮</p>
                            <div class="Disorder-img">
                                <img src="${obj.img}" alt="">
                            </div>
                            <div class="data-text">
                                <div>
                                    <p class="Disorder-title">症状：</p>
                                    <p class="Disorder-content-text">${obj.zhengz}</p>
                                </div>
                                <div>
                                    <p class="Disorder-title">发生原因：</p>
                                    <p class="Disorder-content-text">${obj.yuany}</p>
                                </div>
                                <div>
                                    <p class="Disorder-title">预防与补救措施：</p>
                                    <p class="Disorder-content-text">${obj.cuoshi}</p>
                                </div>
                        </div>`;
                        $(".Disorder-text").html(html)
                    })
                }
                $("#trigger").html(col)
            }
        });
    });
</script>
</body>
</html>